﻿<!DOCTYPE html>
<html>
<head>
    <title>e Store</title>
    <link href="~/Content/font-awesome.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/bootstrap/bootstrap.css" rel="stylesheet" type="text/css" />

    <link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/dataTables/demo_table.css" rel="stylesheet" />
    <link href="~/Content/dataTables/demo_table_jui.css" rel="stylesheet" />
    @* <link href="~/Content/jquery-ui.css" rel="stylesheet" />*@
    <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
    <link href="~/Content/themes/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
    <link href="~/Content/ui.notify.css" rel="stylesheet" />


    <script src="~/Scripts/jquery-2.0.3.js" type="text/javascript"></script>
    <script src="~/Scripts/bootstrap.js" type="text/javascript"></script>
    <script src="~/Scripts/jquery.dataTables.js"></script>
    <script src="~/Scripts/jquery-ui.js"></script>
    <script src="~/Scripts/jquery.notify.js"></script>
</head>
<body>
    <div class="page">
        <div id="topMenu">

            @Html.Action("LoadTopMenu", "Home")

        </div>

        <div id="container" style="display: none">
            <div id="default">
                <h1>#{title}</h1>
                <p>#{text}</p>
            </div>

            <div id="sticky" style="color: red !important">
                <a class="ui-notify-close ui-notify-cross" href="#">x</a>
                <h1>#{title}</h1>
                <p>#{text}</p>
            </div>

            <div id="themeroller" class="ui-state-error">
                @* <a class="ui-notify-close" href="#">x<span class="ui-icon ui-icon-close"></span></a>*@
                @* <span style="float: left; margin: 0 5px 0 0;" class="ui-icon ui-icon-alert"></span>*@
                <p style="text-align: right; float: right"><a class="ui-notify-close" href="#">x</a></p>
                <h1>#{title}</h1>
                <p>#{text}</p>

            </div>
        </div>
    </div>
    <div id="main">
        @RenderBody()
        <div id="footer">
            <!-- /end of your main content container -->
            <footer>
                <div class="foot-fixed-bottom">
                    <div class="container">
                        <hr />
                        © eStore.com, 2013-2014
                         <hr />
                    </div>
                </div>
            </footer>
        </div>
    </div>

    <script type="text/javascript">

        function create(template, vars, opts) {
            return $container.notify("create", template, vars, opts);
        }

        $(function () {

            $container = $("#container").notify();
        });

        $(document).ready(function () {

            var result = '@TempData["Result"]';
            if (result != "") {

                if (result.split(':')[0] == "Success!") {
                    create("default", { title: result.split(':')[0], text: result.split(':')[1] });
                } else {
                    create("themeroller", { title: result.split(':')[0], text: result.split(':')[1] }, {
                        custom: true,
                        expires: false
                    });
                }
            }
        });

    </script>


</body>
</html>
